<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>北京大学教务部</title>
    <link rel="stylesheet" href="demo-style.css">
</head>

<body>
    <div class="bg">
        <div class="masking">
            <div class="logo">
                <a href="https://www.pku.edu.cn/" target="_blank"><div class="logo1"></div></a>
                <a href="demo.html"><div class="logo2"></div></a>
            </div>
            <div class="box">
                <a href="#" class="box1">
                    <div class="tab1"><img src="images/tab1.png"></div>
                    <p>学生</p>
                </a>
                <a href="#" class="box2">
                    <div class="tab2"><img src="images/tab2.png"></div>
                    <p>教师</p>
                </a>
                <a href="#" class="box3">
                    <div class="tab3"><img src="images/tab3.png"></div>
                    <p>校友</p>
                </a>
                <a href="#" class="box4">
                    <div class="tab4"><img src="images/tab4.png"></div>
                    <p>公众</p>
                </a>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="title">
            <a href="https://dean.pku.edu.cn/web/notice.php" class="a1"><h1 class="eng">INFORMATION</h1></a>
            <a href="https://dean.pku.edu.cn/web/notice.php" class="a2"><h1 class="ch">通知公告</h1></a>
        </div>
        <div class="content clearfix">
            <div class="content1">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">选课</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=633"><h3>劳动教务慕课通过名单（2024春季学期）</h3></a>
                    <p>2024.09.24</p>
                </div>
            </div>
            <div class="content2">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">值班</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=632"><h3>教务部2024国庆假期值班安排</h3></a>
                    <p>2024.09.24</p>
                </div>
            </div>
            <div class="content3">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">助教</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=631"><h3>教务处招聘学生助理</h3></a>
                    <p>2024.09.23</p>
                </div>
            </div>
            <div class="content4">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">辅双</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=630"><h3>24-25学年秋季学期双学位及结业生课程学费缴纳的通知</h3></a>
                    <p>2024.09.23</p>
                </div>
            </div>
            <div class="content5">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">项目</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=629"><h3>北京大学国际关系学院与日本早稻田大学本科双学位合作项目招生通知</h3></a>
                    <p>2024.09.12</p>
                </div>
            </div>
            <div class="content6">
                <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="left">考试</div></a>
                <div class="right">
                    <a href="https://dean.pku.edu.cn/web/notice_details.php?id=628"><h3>2024年下半年全国大学英语四、六级考试报名通知</h3></a>
                    <p>2024.09.10</p>
                </div>
            </div>
        </div>
        <a href="https://dean.pku.edu.cn/web/notice.php?type=4"><div class="bottom">+MORE</div></a>
    </div>
</body>

</html>